<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量的运算</title>
    <script>
        function f1(){
            // 基本运算与Java中的基本运算基本一致
            let num1 = 3;
            let num2 = 2;
            console.log(num1+"+"+num2+"="+(num1+num2));
            console.log(num1+"-"+num2+"="+(num1-num2));
            console.log(num1+"*"+num2+"="+(num1*num2));
            console.log(num1+"/"+num2+"="+(num1/num2));
            console.log(num1+"%"+num2+"="+(num1%num2));
            // 相当于num1 = num1+num2 = 5
            // 此时num1的值为5
            console.log(num1+=num2);
            // 此时打印的是num1++之前的值,即5
            console.log(num1++)
            // ++之后num1的值为6
            console.log(num1);
            console.log(num1 > num2 && num2 > num1);
            console.log(num1 > num2 || num2 > num1);

            // 三目运算
            console.log(num1 > num2 ? "大于" : "小于");
        }
        function f2(){
            let i = 1;
            let s = "1";
            // js在比较的时候,只考虑值的大小
            // 此时i与s相等
            console.log(i == s ? "相等" : "不相等");
            // 在某些特殊情况下,需要考虑类型
            // 因此,js提供了恒等于的运算,===
            // 此处i与s的值相等,但是类型不同
            // 因此,此处恒等于的结果是false,即不相等
            console.log(i === s ? "相等" : "不相等");
        }
        function f3(){
            // 模方运算,ES6新语法
            // 语法:x**y表示取x的y次方
            console.log(2**3);
            console.log(200**3);
        }
    </script>
</head>
<body>
<button onclick="f1()">基本运算</button><br/>
<button onclick="f2()">恒等于</button><br/>
<button onclick="f3()">模方运算</button><br/>
</body>
</html>